<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        cookie: cookie存储的数据可以在服务器端和客户端穿梭，而且可以进行（根据域名）数据隔离，
        但是cookie存储空间极小只有4k左右

        web存储： { // 存储的数据只能在客户端获取 但是存储空间相对较大有 5M左右
            localStorage: 存储的数据除非用户手动清除，否则不会失效 不同页面间可以共享
            sessionStorage: 当前对话结束时自动清除存储的数据 不同页面间不可以共享
        }
     -->
    <script>
        // cookie 存储数据的方法
        // document.cookie = "name=zhangsan"
        // var date = new Date('2021-01-09 11:00:00')
        // document.cookie = "name=lisi; expires=" + date + "; domain=设置服务器域名; path=页面地址"


        // console.log(document.cookie)
        // clearCookie('name')
        // 设置cookie的过期时间
        // function setCookie(cname,cvalue,exdays){
        //     var d = new Date();
        //     d.setTime(d.getTime()+(exdays*24*60*60*1000));
        //     var expires = "expires="+d.toGMTString();
        //     document.cookie = cname+"="+cvalue+"; "+expires;
        // }


        // function getCookie(cname){
        //     var name = cname + "=";
        //     var ca = document.cookie.split(';');
        //     for(var i=0; i<ca.length; i++) {
        //         var c = ca[i].trim();
        //         if (c.indexOf(name)==0) { return c.substring(name.length,c.length); }
        //     }
        //     return "";
        // }


        // setCookie('name', 'zhangsan', 3)

        // console.log(getCookie('name'))


        // localStorage  localStorage.setItem('key', value)  localStorage.getItem('key') localStorage.removeItem('key') localStorage.clear()

        // sessionStorage  sessionStorage.setItem('key', value)  sessionStorage.getItem('key') sessionStorage.removeItem('key') sessionStorage.clear()
        
    </script>

     
</body>
</html>